<template>
	<div id="app">
		<PlayController :bot="botFlag()" v-show="playBar"></PlayController>
		<BottomBar v-show="bottomBar"></BottomBar>
		<router-view />
	</div>
</template>
<script>
	import BottomBar from "@/components/bottomBar/bottomBar";
	import PlayController from "@/components/playController/playController";
	export default {
		data() {
			return {};
		},
		components: {
			BottomBar,
			PlayController,
		},
		methods: {
			botFlag: function() {
				let route = this.$route.path;
				console.log(this.$route.path);
				if (route == '/home' || route == '/profile' || route == '/boke' || route == '/yuncun') {
					return true;
				} else {
					return false;
				}
			},
		},
		computed: {
			playBar:function(){
				let route = this.$route.path;
				if (route == '/login') {
					return false;
				} else {
					return true;
				}
			},
			bottomBar: function() {
				let route = this.$route.path;
				// console.log(this.$route.path);
				if (route == '/home' || route == '/profile' || route == '/boke' || route == '/yuncun') {
					return true;
				} else {
					return false;
				}
				// v-if="$route.path != '/listview'"
			}
		}
	};
</script>
<style lang="less">
	* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	.iconfont {
		font-size: 0.5rem;
	}
</style>
